.w-osdCover {
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/w-osdCover.png) no-repeat;
	width: 1920px;
	height: 1080px;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
/* S= w-osd-1*/
.cs-playBtn {
	position: absolute;
	top: 300px;
	left: 670px;
}
.cs-playBtn .item {
	width: 208px;
	height: 208px;
}
.cs-playBtn .item .icon {
	top: 46px;
	left: 54px;
	width: 120px;
	height: 80px;
}
.cs-playBtn .item .txt {
	top: 149px;
	width: 208px;
	text-align: center;
	font-size: 30px;
	color: #9f9d99;
}
.cs-playBtn .item:hover, .cs-playBtn .item_focus {
	background: linear-gradient(to left, #fdac11, #fc142e);
}
.cs-playBtn .item .icon-a {
	background: url(../images/q-osd-icon01.png) no-repeat;
}
.cs-playBtn .item .icon-b {
	background: url(../images/q-osd-icon02.png) no-repeat;
}
.cs-playBtn .item .icon-c {
	background: url(../images/q-osd-icon03.png) no-repeat;
}
.cs-playBtn .item .icon-d {
	background: url(../images/d-icon-menu.png) no-repeat;
}
.cs-playBtn .item .icon-e {
	background: url(../images/d-icon-left.png) no-repeat;
}
.cs-playBtn .item .icon-f {
	background: url(../images/d-icon-right.png) no-repeat;
}
.cs-playBtn .item:hover .txt, .cs-playBtn .item_focus .txt {
	color: #fff;
}
.w-osdWarp {
	position: absolute;
	top: 779px;
	background: linear-gradient( top, rgba(0,0,0,0), rgba(0,0,0,0.9));
	background: -webkit-linear-gradient( top, rgba(0,0,0,0), rgba(0,0,0,0.9));
	width: 1920px;
	height: 300px;
}
.w-osdWarp .btn {
	top: 147px;
	left: 95px;
}
.w-osdWarp .titTxt {
	position: absolute;
	left: 176px;
	top: 100px;
	font-size: 36px;
	width: 1370px;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
}
.w-osdWarp .progress {
	position: absolute;
	top: 152px;
	left: 155px;
	width: 1368px;
	height: 6px;
	background-color: #ebebeb;
	margin: 12px;
}
.w-osdWarp .progress .bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 1368px;
	height: 6px;
	background: linear-gradient(to left, #fdac11, #fc142e);
}
.w-osdWarp .progress .point {
	position: absolute;
	left: 0;
	top: 0;
	margin: -12px 0 0 -12px;
}
.w-osdWarp .progress .point .item {
	background-color: #ebebeb;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	height: 18px;
	width: 18px;
	margin: 6px;
}
.w-osdWarp .progress .point .item_focus {
	margin: 0;
	background-color: #ebebeb;
	border: solid 6px #fdac11;
}
/*.w-osdWarp .titTxt {
	position: absolute;
	left: 176px;
	top: 100px;
	font-size: 36px;
	width: 1370px;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
}
.w-osdWarp .progress {
	position: absolute;
	top: 152px;
	left: 155px;
	width: 1665px;
	height: 6px;
	background-color: #ebebeb;
	margin: 12px;
}
.w-osdWarp .progress .bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 1368px;
	height: 6px;
	background: #00c6ff;
}
.w-osdWarp .progress .point {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 0 0 -12px;
	
}
.w-osdWarp .progress .point .item {
	background-color: #ebebeb;
	border-radius: 28px;
	-webkit-border-radius: 28px;
	width:272px;
	height:56px;
	line-height:56px;
	text-align:center;
	color:#333333;
	font-size:26px;
	top:-26px;
}
.w-osdWarp .progress .point .item_focus {
	margin: 0;
	background-color: #00c6ff;
	color:#ebebeb;
}
*/
.w-osdWarp .time {
	position: absolute;
	top: 150px;
	left: 1560px;
	width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 30px;
}
.w-osdWarp .tips {
	position: absolute;
	top: 210px;
	left: 200px;
	width: 1520px;
	height: 30px;
	color: #c7c7c7;
	line-height: 30px;
	font-size: 30px;
	text-align: center;
}
.w-refresh {
	position: absolute;
	left: 1669px;
	top: 67px;
}
.w-btn-pause {
	position: absolute;
	left: 121px;
	top: 810px;
	background: rgba(0, 0, 0, 0.6);
	width: 180px;
	height: 68px;
	-webkit-border-radius: 34px;
	border-radius: 34px;
}
.w-btn-pause .icon {
	left: 33px;
	top: 17px;
}
.w-btn-pause .txt {
	left: 79px;
	top: 10px;
	font-size: 36px;
	line-height: 48px;
	width: 100px;
	height: 48px;
}
/* E= w-osd-1*/

/* S= w-osd-2*/
.w-panel {
	position: absolute;
	top: 779px;
	background: -webkit-linear-gradient( top, rgba(0,0,0,0), rgba(10,50,61,0.7));
	background: linear-gradient( top, rgba(0,0,0,0), rgba(10,50,61,0.7));
	width: 1920px;
	height: 300px;
}
.w-panel .progress {
	position: absolute;
	top: 152px;
	left: 0;
	width: 1920px;
	height: 6px;
	background-color: #ebebeb;
	margin: 12px 0;
}
.w-panel .progress .bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 1920px;
	height: 6px;
	background: linear-gradient(to left, #fdac11, #fc142e);
}
.w-panel .progress .point {
	position: absolute;
	left: 0;
	top: 0;
	margin: -12px 0 0 -6px;
}
.w-panel .progress .point .item {
	background-color: #ebebeb;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	height: 18px;
	width: 18px;
	margin: 6px;
}
.w-panel .progress .point .item_focus {
	margin: 0;
	background-color: #ebebeb;
	border: solid 6px #fdac11;
}
.w-panel .timeBtn {
	position: absolute;
	top: 120px;
	left: 1055px;
	width: 75px;
	height: 20px;
}
.w-panel .time {
	position: absolute;
	top: 120px;
	left: 1120px;
	text-align: center;
	width: 180px;
	height: 30px;
	line-height: 30px;
	font-size: 30px;
}
.w-panel .list {
	position: absolute;
	top: 168px;
}
.w-panel .list .item {
	width: 320px;
	height: 132px;
}
.w-panel .list .icon {
	width: 24px;
	height: 24px;
	top: 30px;
	left: 30px;
}
.w-panel .list .txt {
	position: absolute;
	width: 240px;
	top: 30px;
	left: 64px;
	color: #c9c0c0;
}
.w-panel .list .txt01 {
	position: absolute;
	width: 240px;
	height: 24px;
	font-size: 24px;
}
.w-panel .list .txt02 {
	position: absolute;
	width: 240px;
	height: 24px;
	font-size: 18px;
	top: 30px;
}
.w-panel .list .item_focus {
	background: -webkit-linear-gradient( top, rgba(253,170,18,0), rgba(253,170,18,0.7));
	background: linear-gradient( top, rgba(253,170,18,0), rgba(253,170,18,0.7));
}
.w-panel .list .item_focus .txt {
	color: #fff;
	font-weight: bold;
}
.volume {
	position: absolute;
	left: 812px;
	top: 390px;
}
.volume .vovicon {
	position: absolute;
	left: 94px;
	top: 92px;
}
.volume .icon {
	width: 251px;
	height: 251px;
	z-index: 5;
}
/*iconTxtBounceIn*/

.w-list-osd {
	left: 163px;
	top: 716px;
}
.w-list-osd .item, .w-list-osd .item .pic, .w-list-osd .item .pic img {
	width: 196px;
	height: 110px;
}
.w-list-osd .item .txt-wrap {
	top: 70px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
	width: 196px;
	height: 40px;
}
.w-list-osd .item .txt {
	left: 7px;
	top: 9px;
	color: #ffffff;
	font-size: 18px;
	line-height: 30px;
	width: 180px;
	height: 30px;
}
.w-list-osd .item, .w-list-osd .item .pic, .w-list-osd .item .pic img, .w-list-osd .item .txt-wrap, .w-list-osd .item_focus, .w-list-osd .item_focus .pic, .w-list-osd .item_focus .pic img, .w-list-osd .item_focus .txt-wrap, .w-list-osd .ui-breathLight-element::before {
	-webkit-border-radius: 0!important;
	border-radius: 0!important;
}
.w-list-osd .ui-breathLight-element::before {
	left: -7px;
	top: -7px;
	border: solid 3px #ffffff;
}
.w-list-osd .item_focus.ui-breathLight-element::before {
	width: 204px;
	height: 118px;
}
.w-popup {
	display: none;
	position: absolute;
	left: 520px;
	top: 285px;
	background: -webkit-linear-gradient( top, #27385a, #040a1a);
	background: linear-gradient( top, #27385a, #040a1a);
	width: 880px;
	height: 470px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
}
.w-popup .txt-sure {
	left: 10px;
	top: 105px;
	font-size: 58px;
	color: #ffffff;
	text-align: center;
	line-height: 70px;
	-webkit-text-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
	text-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
	width: 860px;
	height: 70px;
}
.w-channel-num {
	position: absolute;
	left: 1668px;
	top: 55px;
	background: rgba(86, 86, 86, 0.6);
	border: solid 1px #fbfaf8;
	color: #ffffff;
	font-size: 62px;
	line-height: 90px;
	text-align: center;
	width: 160px;
	height: 90px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.w-channel-num02 {
	position: absolute;
	left: 83px;
	top: 842px;
	color: #ebebeb;
	font-size: 50px;
	line-height: 60px;
	width: 110px;
	height: 60px;
}
.w-channel {
	position: absolute;
	left: 204px;
	top: 828px;
}
.w-channel .pic, .w-channel .pic img {
	width: 89px;
	height: 89px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.w-channel .txt {
	line-height: 44px;
	width: 1500px;
	height: 44px;
	overflow: hidden;
}
.w-channel .txt01 {
	left: 121px;
	top: 0;
	color: #00fcff;
	font-size: 38px;
}
.w-channel .txt02 {
	left: 121px;
	top: 44px;
	color: #fefefe;
	font-size: 36px;
}
.w-channel .txt03 {
	left: 0;
	top: 114px;
	color: rgba(254, 254, 254, 0.6);
	font-size: 30px;
}
.w-yuyintips {
	position: absolute;
	left: 162px;
	top: 982px;
}
.w-yuyintips .icon {
	top: 3px;
}
.w-yuyintips .txt {
	left: 38px;
	color: #4bebc7;
	font-size: 28px;
	line-height: 32px;
	width: 500px;
	height: 32px;
	overflow: hidden;
}
/*S cs-osd08*/
.cs-osd-set {
	position: absolute;
	top: 172px;
	left: 1527px;
	width: 300px;
	height: 580px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(26, 26, 26, 0.7);
	/*	background: linear-gradient(to top, rgba(17, 27, 49, .9), rgba(14, 19, 33, .9));
*/
	z-index: 2
}

.cs-osd-set .cs-arrow {
	position: absolute;
	top: 24px;
	left: 125px;
}
.cs-osd-set .num {
	position: absolute;
	top: 78px;
	left: 40px;
	width: 230px;
	height: 450px;
	overflow: hidden;
}
.cs-osd-set .num .scrollBox {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 230px;
	height: auto;
}
.cs-osd-set .num .item .tips {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index:5;
}
.cs-osd-set .num .item, .cs-osd-set .num .item .link {
	width: 220px;
	height: 64px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	background:none;
	border: 3px solid rgba(170, 174, 178, 0.2);
	-webkit-text-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
	text-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
	background: rgba(8, 14, 29, 0.2);
}
.cs-osd-set .num .item .txt {
	width: 220px;
	color: #ffffff;
	text-align: center;
	font-size: 36px;
	line-height: 64px;
	z-index: 4;
}
.cs-osd-set .num .item_focus .link {
	background: linear-gradient(to left, #1762bf, #0ac3ca);
	border: none;
}
.cs-osd-set .num .ui-breathLight-element::before {
	left: -3px!important;
	top: -3px!important;
	border-radius: 20px!important;
	-webkit-border-radius: 20px!important;
	background: linear-gradient(to left, #fdac11, #fc142e);
	border: solid 3px #ffffff!important;
}
.cs-osd-set .num .item_focus .txt {
	background: linear-gradient(to left, #fdac11, #fc142e);
	border-radius: 15px;
	-webkit-border-radius: 15px;
}
.cs-osd-set .num .item_select {
	background: rgba(255, 255, 255, 0.1);
}
.cs-osd-set .num .item_select .txt {
	color: #fdac11;
	font-weight:bold;
}
.cs-osd-set .num .item_select .link {
	left: 350px;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
	-webkit-animation: 2s linear infinite;
	animation: 2s linear infinite;
	-webkit-animation: 2.5s linear 1.5s infinite alternate;
	animation: 2.5s linear 1.5s infinite alternate;
	-webkit-animation-name: fadeinL;
	animation-name: fadeinL;
}
.cs-osd-set .num .item .tips img {
	border-radius: 0 15px 0 0;
	-webkit-border-radius: 0 15px 0 0;
}
.cs-osd-cover {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 1080px;
	background: rgba(0, 0, 0, 0.1);
	z-index: 1;
}
/*E cs-osd08*/
/*
.xuanzhuan{animation:xz 1s linear infinite ;}
@keyframes xz{
from  {transform:rotate(0deg);}
to{transform:rotate(360deg);}
 
}*/

/*S= volume*/
.circleWrap {
	position:absolute;
	left: 812px;
	top: 390px;
	/*background-color: #ccc;*/
}
.circleWrap .wrap, .circleWrap .circle, .circleWrap .percent {
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	/*-webkit-transition: all 2s cubic-bezier(0.4,0,0.2,1);
	transition: all 2s cubic-bezier(0.4,0,0.2,1);
	will-change: transform;*/
}
.circleWrap .circlebg {
	position:absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	border: 15px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	z-index:1;
}
.circleWrap .circle {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	border: 15px solid rgba(255, 255, 255, 0);
	clip: rect(0,180px,180px,90px);
	z-index:2;
}
.circleWrap .clip-auto {
	clip: rect(auto, auto, auto, auto);
}
.circleWrap .percent {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	top: -15px;
	left: -15px;
}
.circleWrap .left {
	border: 15px solid rgba(255, 255, 255, 1);
	clip: rect(0,90px,180px,0);
}
.circleWrap .right {
	border: 15px solid rgba(255, 255, 255, 1);
	clip: rect(0,180px,180px,90px);
}
.circleWrap .wth0 {
	width: 0;
}
.circleWrap .icon {
	left: 59px;
	top: 61px;
}
/*.circleWrap .num {
 	position: absolute;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 162px;
	height: 162px;
	line-height: 162px;
	text-align: center;
	font-size: 0.5rem;
	left: 10px;
	top: 10px;
	border-radius: 50%;
	color: #FF6300;
	background: white;
	z-index: 1;
}*/

/*E= volume*/
/* S=osd05*/
.cs-osd-video {
	position: absolute;
	top: 201px;
	left: 66px;
}
.cs-osd-video .item, .cs-osd-video .item .link {
	width: 1202px;
	height: 678px;
}
.cs-osd-video .item .pic, .cs-osd-video .item .pic img {
	width: 1202px;
	height: 678px;
}
.cs-osd-video .item_focus .link {
	border: none;
	background: none;
}
.cs-osd-video .ui-breathLight-element::before {
	left: -5px!important;
	top: -5px!important;
	background: none;
	border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	border: solid 5px #ffffff!important;
}
.cs-osd-list {
	position: absolute;
	top: 64px;
	left: 1324px;
}
.cs-osd-list .item, .cs-osd-list .item .link {
	width: 540px;
	height: 303px;
}
.cs-osd-list .item .pic, .cs-osd-list .item .pic img {
	width: 540px;
	height: 303px;
}
.cs-osd-list .item_focus .link {
	background: none;
	border: none;
}
.cs-osd-list .ui-breathLight-element::before {
	left: -3px!important;
	top: -3px!important;
	background: none;
	border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	border: solid 3px #ffffff!important;
}
.cs-left-mask {
	position: absolute;
	right: 0;
	top: 0;
	width: 1920px;
	height: 1080px;
	background: linear-gradient(to left, rgba(0,0, 0, .8), rgba(0, 0, 0, 0.2));
	z-index: 3;
}
.cs-left-mask {
	position: absolute;
	right: 0;
	top: 0;
	width: 1980px;
	height: 1080px;
	/*background-color:rgba(0,0,0,0.65);
	width: 1920px;
	height: 1080px;*/
	z-index: 2;
}
.cs-osd-txt {
	position: absolute;
	top: 134px;
	left: 1324px;
	width: 581px;
	height: 68px;
	line-height: 60px;
	font-size: 34px;
	text-align: center;
	color: #fff;
	z-index: 3;
}
.cs-osdBtn03 {
	position: absolute;
	top: 423px;
	left: 1437px;
	z-index: 3;
}
.cs-osdBtn03 .item, .cs-osdBtn03 .item .link {
	width: 293px;
	height: 66px;
	border-radius: 35px!important;
	-webkit-border-radius: 35px!important;
	background: rgba(255, 255, 255, 0.1);
}
.cs-osdBtn03 .item .txt {
	width: 293px;
	color: #ffffff;
	text-align: center;
	font-size: 30px;
	line-height: 70px;
	z-index: 4;
}
.cs-osdBtn03 .item_focus .link {
	background: linear-gradient(to left, #fdac11, #fc142e);
	border: none;
}
.cs-osdBtn03 .ui-breathLight-element::before {
	left: -3px!important;
	top: -3px!important;
	background:none!important;
	border-radius: 39px!important;
	-webkit-border-radius: 39px!important;
	background: linear-gradient(to left, #fdac11, #fc142e)!important;
	border: solid 3px #ffffff!important;
}
/* E=osd05*/
/* S=osd06*/
.cs-channel-list {
	position: absolute;
	left: 45px;
	top: 52px;
	width: 214px;
	height: 1300px;
	overflow: hidden;
	z-index: 4;
}
.cs-channel-list .scrollBox {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 214px;
	height: auto;
}
.cs-channel-list .item, .cs-channel-list .item .link, .cs-channel-list .item_focus .link {
	position: absolute;
	width: 214px;
	height: 69px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
/*	overflow: hidden;
*/}
.cs-channel-list .item .icon,
.cs-type04 .item .vip,
.w-list12 .item .icon{
	top:0px;
	right:0px;
	z-index:4;}
.cs-channel-list .item .txt {
	position: absolute;
	width: 214px;
	font-size: 36px;
	height: 69px;
	line-height: 69px;
	text-align: center;
	color: rgba(255,255,255,0.6);
}
.cs-channel-list .item_focus {
	background: linear-gradient(to left, #fdac11, #fc142e)!important;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
.cs-channel-list .item_focus .txt, .cs-channel-list .item_select .txt {
	color: rgba(255,255,255,1);
}
.cs-channel-list .item_select {
	background: rgba(255, 255, 255, 0.1);
}
.cs-channel-list .item_select .link {
	left: 390px;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
	-webkit-animation:2.5s linear 1.5s infinite alternate;
	animation:2.5s linear 1.5s infinite alternate;
	-webkit-animation-name: fadeinL;
	animation-name: fadeinL;
}
@-webkit-keyframes fadeinL {
 0% {
opacity:1;
-webkit-transform:skewX(-25deg) translateX(-590px);
}
 100% {
opacity:1;
-webkit-transform:skewX(-25deg) translateX(380px);
}
}
@keyframes fadeinL {
 0% {
opacity:1;
transform:skew(-25deg) translateX(-590px);
}
 100% {
opacity:1;
transform:skew(-25deg) translateX(380px);
}
}
.cs-list04 {
	position: absolute;
	left: 322px;
	top: 43px;
	width: 458px;
	height: 1060px;
	overflow: hidden;
}
.cs-list04 .scrollBox {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 458px;
	height: auto;
}
.cs-list04 .cs-channel {
	position: absolute;
}
.cs-list04 .cs-channel .poster {
	position: absolute;
}
.cs-list04 .cs-channel .poster .item, .cs-list04 .cs-channel .poster .item .link, .cs-list04 .cs-channel .poster .item_focus .link {
	position: absolute;
	width: 440px;
	height: 100px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	overflow: hidden;
}
.cs-list04 .cs-channel .poster .item .txt {
	position: absolute;
	top: 16px;
	left: 19px;
	width: 400px;
	line-height: 40px;
	height: 100px;
	white-space: nowrap;
	overflow: hidden;
	z-index: 4;
}
.cs-list04 .cs-channel .poster .item .txt01 {
	position: absolute;
	height: 40px;
	font-size: 36px;
	color: #fff;
	width: 300px;
}
.cs-list04 .cs-channel .poster .item .txt02 {
	top: 62px;
	left: 56px;
	font-size: 24px;
	width: 265px;
	height: 40px;
	color: #fff;
}
.cs-list04 .cs-channel .poster .item_focus .icon02 {
	top: 68px;
	left: 32px;
	width: 21px;
	height: 24px;
	background: url(../images/cs-arrow01.png) no-repeat;
}
.cs-list04 .cs-channel .poster .item_select .icon01 {
	top: 30px;
	left: 380px;
	width: 30px;
	height: 29px;
	background: url(../images/cs-osd-arrow.png) no-repeat;
}
.cs-list04 .cs-channel .poster .item_select, .cs-list04 .cs-channel .poster .item_focus {
	background: rgba(255,255,255,.1);
}
.cs-list04 .cs-channel .poster .item .cover {
	display: none;
}
.cs-list04 .cs-channel .poster .item_focus .cover {
	display: block;
	left: 351px;
	width: 89px;
	height: 100px;
	text-align: center;
	line-height: 99px;
	font-size: 24px;
	color: #fff;
	background: linear-gradient(to left, #fdac11, #fc142e);
}
.cs-list04 .cs-channel .poster .item_select .link {
	left: 350px;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
}
.cs-list04 .cs-channel .poster .item {
	color: rgba(255,255,255,.6);
}
.cs-list04 .cs-channel .poster .item_focus .txt {
	color: #fff;
	z-index: 5;
}
.cs-list04 .cs-channel .poster .item_select .txt {
	color: #fff;
}
.cs-osd-list02 {
	position: absolute;
	top: 55px;
	left: 1504px;
}
.cs-osd-list02 .item, .cs-osd-list02 .item .link {
	width: 360px;
	height: 203px;
}
.cs-osd-list02 .item .pic, .cs-osd-list02 .item .pic img {
	width: 360px;
	height: 203px;
}
.cs-osd-list02 .item_focus .link {
	border: none;
}
.cs-osd-list02 .ui-breathLight-element::before {
	left: -3px!important;
	top: -3px!important;
	border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	border: solid 3px #ffffff!important;
	background: none;
}
.cs-osd-list02 .item .cover {
	display: none;
}
.cs-osd-list02 .item_focus .cover {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	display: block;
	z-index: 3;
}
.cs-osd-list02 .item_focus .icon {
	left: 144px;
	top: 50px;
}
.cs-osd-list02 .item .txt-del {
	left: 124px;
	top: 115px;
	color: #ffffff;
	font-size: 28px;
	text-align: center;
	line-height: 30px;
	width: 100px;
	height: 30px;
}
.cs-osdBtn04 {
	position: absolute;
	top: 936px;
	left: 1504px;
}
.cs-osdBtn02 .item, .cs-osdBtn02 .item .link, .cs-osdBtn04 .item, .cs-osdBtn04 .item .link {
	width: 240px;
	height: 72px;
	border-radius: 35px!important;
	-webkit-border-radius: 35px!important;
	background: rgba(0, 0, 0, 0.8);
}
.cs-osdBtn02 .item .txt, .cs-osdBtn04 .item .txt {
	width: 240px;
	color: #ffffff;
	text-align: center;
	font-size: 36px;
	line-height: 72px;
	z-index: 4;
}
.cs-osdBtn02 .item_focus .link, .cs-osdBtn04 .item_focus .link {
	background: linear-gradient(to left, #fdac11, #fc142e);
	border: none;
}
.cs-osdBtn02 .ui-breathLight-element::before {
	left: -3px!important;
	top: -3px!important;
	background:none!important;
	border-radius: 39px!important;
	-webkit-border-radius: 39px!important;
	background: linear-gradient(to left, #fdac11, #fc142e)!important;
	border: solid 3px #ffffff!important;
}
.cs-osdBtn04 .item, .cs-osdBtn04 .item .link {
	width: 360px;
	height: 90px;
	border-radius: 48px!important;
	-webkit-border-radius: 48px!important;
}
.cs-osdBtn04 .item .txt {
	width: 360px;
	font-size: 42px;
	line-height: 90px;
}
.cs-osdBtn04 .ui-breathLight-element::before {
	left: -3px!important;
	top: -3px!important;
	border-radius: 45px!important;
	-webkit-border-radius: 45x!important;
	background: linear-gradient(to left, #fdac11, #fc142e)!important;
	border: solid 3px #ffffff!important;

/* E=osd06*/
